<template>
    <div id="invoicePage">

        <router-view></router-view>

        <!--<van-tabs @click="onClick" :swipe-threshold=3 id="van-tabs" color="#121C32" line-width="1.333rem">-->
            <!--<van-tab title="全部">-->
            <!--</van-tab>-->


            <!--<van-tab title="在线支付">-->
                <!--&lt;!&ndash;在线支付 全部   tab 高度 44px&ndash;&gt;-->

            <!--</van-tab>-->
            <!--<van-tab title="线下支付">-->

            <!--</van-tab>-->

        <!--</van-tabs>-->

        <!--<InvoicePageItem type="0" v-show="title === '全部'"></InvoicePageItem>-->
        <!--<InvoicePageItem type="1" v-show="title === '在线支付'"></InvoicePageItem>-->
        <!--<InvoicePageItem type="2" v-show="title === '线下支付'"></InvoicePageItem>-->

        <InvoicePageItem type="0"></InvoicePageItem>


    </div>
</template>

<script>
    import InvoicePageItem from './components/InvoicePageItem'


    export default {
        name: "InvoicePage",
        data(){
            return {
                title:'全部'
            }
        },
        components:{
            InvoicePageItem
        },
        methods:{
            onClick(name, title) {
                this.title = title;
                this.$toast(title);
            }
        }
    }
</script>

<style scoped>
#invoicePage{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 200;
    overflow: auto;
    background-color: #f6f8fb;
}
</style>